.card {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.overlay {
    position: absolute;
    bottom:100%;
    left: 0;
    right:0;
    height:100%;
    background-color: rgba(0, 0, 0, 0.41);
    transition: transform 0.6s ease;
    overflow: hidden;
    color: white;
}

.card:hover .overlay {
    bottom:0;
}

.content {
    text-align: center;
}

.title {
    margin-bottom: 10px;
    overflow-wrap: break-word;
}
.carousel-inner {
    height: 100%;
}

.carousel-item {
    transition: transform 0.6s ease;
}